// 变量 -> 需要拆分使用,方便维护;
// @import "./_color.scss";
// @import "./_mixin.scss";
// body{
//       background: $bg-color;
// }

// 兼容前缀 ; 批量重复操作

// @mixin   片段     => 创造一个变量储存大量css代码; 
// @include 引入片段  => 引入相应的片段;
// @extend  继承      => 哪来别人的样式自己用。
* {
      margin: 0;
      padding: 0;
}



li {
      list-style: none;
}

a {
      text-decoration: none;
      color: #666;
}

i {
      font-style: normal;
}

em {
      font-style: normal;
}

img {
      border: none;
}

input {
      outline: none;
}

table {
      border-collapse: collapse;
      table-layout: fixed;
}


// --------------------------------------------------
// /* topHeader */
.topHeader {
      width: 100%;
      height: 26px;
      line-height: 26px;
      background: #f2f2f2;
      border-bottom: 1px solid #e5e5e5;
      position: relative;
      font-size: 12px;
      color: #999999;
}

a {
      font-size: 12px;
      color: #999999;
}

.topHeaderMain {
      width: 1200px;
      background: lightblue;
      margin: 0 auto;
}

.topHeaderLeft {
      float: left;
}

.topHeaderLeft {
      a {
            margin: 0 6px 0 0;
      }
}

.topHeaderLeft {
      a {
            &:hover {
                  color: #cc0001;
                  text-decoration: underline;
            }
      }
}




.topHeaderRight {
      float: right;

      li {
            float: left;
            position: relative;
            margin-left: 5px;
      }
}

.hd-n1 {
      padding: 0 4px 0 7px;
}

.hd-n3 {
      padding: 0 4px 0 7px;
}

.hd-n7 {
      padding: 0 4px 0 7px;
}

.hd-n8 {
      padding: 0 4px 0 7px;
}

.hd-n2 {
      padding: 0 5px 0 0;
}

.hd-n4 {
      padding: 0 5px 0 0;
}

.hd-n5 {
      padding: 0 5px 0 0;
}

.hd-n9 {
      padding: 0 5px 0 0;
}

.hd-n2 {
      a {
            color: #cc0000;
      }
}


.hd-n4 {
      a {
            color: #cc0000;
      }
}

.hd-n9 {
      b {
            color: #cc0000;
            padding: 0 0 0 7px;
            font-weight: 700;
      }
}


.hd-n3 {
      .headerCart {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -18px 1px;
            vertical-align: top;
            margin: 7px 5px 0 0;
            overflow: hidden;
      }
}

.hd-n6 {
      a {
            padding: 1px;
            margin: 0 5px 0 0;

            color: #fff;
            background: #cc0000;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
      }
}

.hd-n6 {
      .headerPhone {
            display: inline-block;
            width: 12px;
            height: 12px;
            overflow: hidden;
            position: relative;
            top: 1px;
            margin: 2px 5px 0 0;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -62px 0;

      }
}

.hd-n7 {
      .headerWeb {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 2px 5px 0 0;
            overflow: hidden;
            position: relative;
            top: 2px;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -80px 0;
      }
}

.hd-n8 {
      .headerKf {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 2px 5px 0 0;
            overflow: hidden;
            position: relative;
            top: 2px;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -90px -265px;
      }
}

.hd-n4 {
      s {
            display: inline-block;
            width: 0;
            height: 12px;
            border-left: 1px solid #ccc;
            right: 0;
            top: 7px;
            overflow: hidden;
            position: absolute;
      }
}

.hd-n5 {
      s {
            display: inline-block;
            width: 0;
            height: 12px;
            border-left: 1px solid #ccc;
            right: 0;
            top: 7px;
            overflow: hidden;
            position: absolute;
      }
}

.hd-n6 {
      s {
            display: inline-block;
            width: 0;
            height: 12px;
            border-left: 1px solid #ccc;
            right: 0;
            top: 7px;
            overflow: hidden;
            position: absolute;
      }
}

.hd-n1 {
      .headerArrow {
            display: inline-block;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -99px 3px;
            width: 9px;
            height: 8px;
            margin: 9px 1px 9px 3px;
            vertical-align: middle;
      }
}

.hd-n7 {
      .headerArrow {
            display: inline-block;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -99px 3px;
            width: 9px;
            height: 8px;
            margin: 9px 1px 9px 3px;
            vertical-align: middle;
      }
}

.hd-n8 {
      .headerArrow {
            display: inline-block;
            background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png") no-repeat -99px 3px;
            width: 9px;
            height: 8px;
            margin: 9px 1px 9px 3px;
            vertical-align: middle;
      }
}

.topFocusBox {
      width: 100%;

      a {
            display: block;
            height: 90px;
            width: 100%;
            background: url("http://img10.jiuxian.com/bill/2019/0722/7fa9320bbecc4dec8a8f342a65430fd2.jpg")no-repeat top center scroll;
      }
}

// ----------------------------------------------------------------------
// midHeader
.midHeader {
      width: 100%;
      height: 125px;


}

.midHeaderCon {
      width: 1250px;
      height: 125px;
      float: right;


}

.headerLogo {
      width: 257px;
      height: 65px;
      float: left;
      margin-top: 30px;
      overflow: hidden;

      .headerGif {
            float: right;
      }

}

.headerSearch {
      width: 540px;
      height: 61px;
      float: left;
      margin: 32px 0 0 20px;

}

.searchHome {
      height: 32px;
      border: 3px solid #c00;
      position: relative;
      z-index: 222;

      form {
            .search-btn {
                  width: 85px;
                  height: 32px;
                  line-height: 32px;
                  text-align: center;
                  border: 0;
                  font-size: 16px;
                  color: #fff;
                  background: #c00;
                  cursor: pointer;
                  font-family: "微软雅黑";
                  float: right;
            }
      }
}

.searchHome {
      .search-form {
            width: 439px;
            height: 22px;
            line-height: 22px;
            padding: 5px;
            border: 0 none;
            color: #666;
            float: left;
      }
}

.searchCon {
      width: 450px;
      position: absolute;
      left: -3px;
      top: 35px;
      z-index: 205;
      background: #fff;
      border: 1px solid #ddd;
      border-top: 0;
}

.headerSearch {
      .hotWords {
            width: 540px;
            height: 18px;
            overflow: hidden;
            padding-top: 5px;

            p {
                  height: 18px;
                  line-height: 18px;
                  overflow: hidden;
                  white-space: nowrap;
                  position: relative;
                  left: -8px;
                  z-index: 1;

                  a {
                        float: left;
                        color: #999;
                        padding: 0 8px;
                        height: 18px;
                        position: relative;

                        s {
                              display: block;
                              height: 12px;
                              width: 0;
                              font-size: 0;
                              line-height: 0;
                              border-left: 1px solid #999;
                              position: absolute;
                              left: -1px;
                              top: 3px;
                        }
                  }
            }
      }
}

.headerProtect {
      width: 363px;
      float: right;
      height: 64px;
      margin: 33px 0 0 0;
      background: url("http://misc.jiuxian.com/img/newIndexImg/headerProPic1.png") no-repeat top left;
}

// -------------------------------------------------------------------
//   navWrap
.navWrap {
      width: 100%;
      min-width: 1200px;
      height: 34px;
      background: #900;
      position: relative;
      z-index: 99;


      .nav {
            width: 1200px;
            height: 34px;
            margin: 0 auto;
            position: relative;
            z-index: 99;
      }
}

.navCategoryMenu {
      width: 190px;
      float: left;
      position: absolute;
      z-index: 200;

      h2 {
            width: 190px;
            height: 34px;
            line-height: 34px;
            background: #ce171f;
            text-align: center;
            cursor: pointer;
            float: left;
            font-family: "微软雅黑";
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            font-weight: 600;
            box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
      }
}

.categoryBox {
      width: 190px;
      height: 470px;
      border: none;
}

.nav {
      .navList {
            width: 890px;
            height: 34px;
            float: left;
            position: absolute;
            left: 190px;
      }
}

.navList {
      li {
            .hot {
                  background-position: 0 -264px;
                  display: block;
                  font-size: 0;
                  height: 17px;
                  line-height: 0;
                  position: absolute;
                  right: 6px;
                  top: -6px;
                  width: 29px;
                  z-index: 203;
            }
      }
}

.publicIcon {
      background: url("http://misc.jiuxian.com/img/newIndexImg/public-24.png")no-repeat;
}

.navList {
      li.on {
            background: #b40c10;
      }
}

.navList {
      li {
            height: 34px;
            line-height: 34px;
            text-align: center;
            float: left;
            position: relative;
            z-index: 203;
      }
}

.navList {
      li.home {
            .channel {
                  background: 0;
            }
      }
}

.navList {
      li {
            a.channel {
                  padding: 0 22px;
            }
      }
}

.navList {
      li {
            a.channel {
                  display: inline-block;
                  height: 34px;
                  color: #fff;
                  font-size: 14px;
                  font-family: "微软雅黑";
                  background: url("http://misc.jiuxian.com/img/newIndexImg/navLine.png") no-repeat left center;
                  padding: 0 15px;
            }
      }
}

// --------------------------------------------------------------
// list laypout
.navCategoryMenu {
      .categoryBox {
            width: 190px;
            height: 470px;
            border: 0;
            // background: lavender;
      }
}

.categoryBox {
      li {
            float: left;
            text-align: left;
            width: 190px;
            height: 81px;
            background: #fff;
            border-bottom: 1px solid #e4e4e4;

            .catItemCon {
                  width: 163px;
                  height: 81px;
                  padding: 0 10px;
                  border-left: 3px solid #fff;

                  h3 {
                        line-height: 32px;
                        height: 32px;
                        font-size: 14px;
                        overflow: hidden;
                        font-weight: normal;
                        padding-top: 3px;
                        color: #333;

                        i {
                              display: inline-block;
                              width: 14px;
                              height: 20px;
                              margin-right: 10px;
                              vertical-align: middle;
                              position: relative;
                              top: -1px;
                        }
                  }
            }

      }
}

// 小图标设计
.categoryBox {
      li {
            h3 {
                  .navC {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -73px -260px;
                  }
            }
      }
}

.categoryBox {
      li {
            h3 {
                  .navB {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat 2px -100px;
                  }
            }
      }
}

.categoryBox {
      li {
            h3 {
                  .navP {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -16px -102px;
                  }
            }
      }
}

.categoryBox {
      li {
            h3 {
                  .navY {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -37px -100px;
                  }
            }
      }
}

.categoryBox {
      li {
            h3 {
                  .navH {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -59px -100px;
                  }
            }
      }
}

.categoryBox {
      li {
            h3 {
                  .navF {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -79px -100px;
                  }
            }
      }
}

.categoryBox {
      li {
            .categoryCon {
                  width: 163px;
                  overflow: hidden;
                  position: relative;

                  p {
                        width: 170px;
                        height: 20px;
                        overflow: hidden;

                        a {
                              height: 16px;
                              line-height: 16px;
                              padding: 0 4px;
                              color: #666;
                              float: left;
                              font-size: 12px;
                              font-weight: 300;
                              margin: 2px 3px 2px 0;
                        }

                  }
            }
      }
}

.categoryBox {
      li {

            .navBgY {
                  height: 16px;
                  line-height: 16px;
                  padding: 0 4px;
                  background: #f90;
                  color: #fff;
                  border-radius: 3px;
                  line-height: 16px;

            }
      }
}

.categoryBox {
      .catItemLast {
            height: 60px;

            .catItemCon {
                  height: 60px;
            }

      }
}

// -----------------------------------------------------------------
// 隐藏的导航


.nav {
      .navList {
            width: 890px;
            height: 34px;
            float: left;

      }
}

.navList {
      li {

            height: 34px;
            line-height: 34px;
            text-align: center;
            float: left;
            position: relative;
            z-index: 203;
      }
}

.navList {
      li {
            a.channel {
                  &:hover {
                        color: #fff;
                        text-decoration: none;
                        background: #b40c10;
                  }
            }
      }
}


.navList {
      li {
            a.channel {
                  padding: 0 22px;
            }
      }
}

// -------------------------------------------------------------------------------
//   隐藏的导航
.menuBox {
      display: none;
      width: 615px;
      height: 470px;
      position: absolute;
      left: 190px;
      top: 34px;
      z-index: 301;

      box-shadow: 0 0 4px 0 #ccc;
}

.menuBox {
      .menuCon {
            width: 400px;
            height: 470px;
            float: left;
            background: #f1f1f1;
            overflow: hidden;

      }

}

.menuItem.first {
      .menuItemTitle {
            border-top: 0;

      }
}

.menuItem {
      .menuItemTitle {
            width: 60px;
            float: left;
            padding: 10px 10px 10px 20px;
            line-height: 22px;
            text-align: right;
            border-top: 1px solid #f1f1f1;
      }

}

.menuItem {
      .menuItemTitle {
            h4 {
                  font-size: 12px;
                  color: #333;
                  font-weight: normal;
                  font-family: "微软雅黑";
                  overflow: hidden;
                  white-space: nowrap;
            }
      }
}

.first {
      .menuItemTitle {
            padding: 15px 10px 10px 14px;
      }
}

.menuItem {
      .menuItemTitle {
            width: 36px;
      }
}

.menuItem {
      .menuItemCon {

            background: #fff;

      }
}

.clearfix {
      &:after {
            clear: both;
            display: block;
            content: "...";
            visibility: hidden;
            height: 0;
            font-size: 0;
      }
}

.first {
      .menuItemCon {
            .menuCon-list {
                  border-top: 0;
                  padding: 15px 0 10px;
            }
      }
}

.menuCon-list {
      p {
            margin: 0 0 0 -1px;
            line-height: 22px;
            max-height: 176px;
            overflow: hidden;
      }
}

.menuCon-list {
      p {
            a {

                  float: left;
                  white-space: nowrap;
                  padding: 0 8px;
                  background: url(http://misc.jiuxian.com/img/newIndexImg/menuLine.jpg) no-repeat scroll left center;
            }
      }
}


.menuHeight {
      .menuItemTitle {
            width: 90px;
            float: left;
            height: 1px;
            line-height: 1px;
      }
}


.menuHeight {
      .menuItemCon {
            float: left;
            background: #fff;
      }
}

.menuItem {
      .menuItemTitle {
            width: 60px;
            float: left;
            padding: 10px 10px 10px 20px;
            line-height: 22px;
            text-align: right;
            border-top: 1px solid #f1f1f1;
      }
}


.menuItemTitle {
      h4 {
            font-size: 12px;
            color: #333;
            font-weight: normal;
            font-family: "微软雅黑";
            overflow: hidden;
            white-space: nowrap;
      }
}

.menuItem {
      a {
            float: left;
            white-space: nowrap;
            padding: 0 8px;
            background: url(http://misc.jiuxian.com/img/newIndexImg/menuLine.jpg) no-repeat scroll left center;
      }
}




.notFoc {
      .menuHeight {
            .menuCon-list {
                  width: 495px;
                  margin: 0 15px 0 15px;
            }
      }
}

.menuFoc {
      width: 215px;
      height: 470px;
      float: left;
      position: relative;
      z-index: 201;
}

.menuFoc {
      a {
            display: block;
            width: 220px;
            height: 470px;
            position: absolute;
            top: 0;
            right: -5px;
      }
}

img {
      border: 0;
}







// -----------------------------------------------------------------------------

// right nav

.rightSidebarBox {
      width: 35px;
      height: 100%;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 99999;
      background: #ffffff;
      box-shadow: 1px 2px 5px #999;
}

.rightSidebar {
      width: 35px;
}

.rightSidebarCon {
      width: 35px;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 311;
      text-align: center;
      height: 365px;
      margin-top: -182.5px;
}


.rightSidebarCon {
      .rSidebarItem {
            width: 35px;
            position: relative;
      }
}

.rSidebarItem {
      .rsItemName {
            width: 35px;
            padding: 10px 0;
            position: relative;
            z-index: 350;
            cursor: pointer;
            background: none;
      }
}

//   .rSidebarItem {
//       .rsItemName{
//             i {
//                   display: inline-block;
//                   width: 19px;
//                   height: 19px;
//               }
//       }
//   }
.rSidebarItem {
      .rsItemName {
            .user-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png)no-repeat 0 -163px;
                  
            }
      }

}

.rSidebarItem {
      .rsItemName {
            span {
                  display: block;
                  font-family: "微软雅黑";
                  line-height: 16px;
                  color: #333333;
                  padding: 2px 0 0;
                  font-size: 12px;
            }
      }
}


// 我的隐藏页
.rSidebarItem {
      .rsItemCon {
            display: none;
            background: #fff;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
            position: absolute;
            top: 0;
            right: 35px;
            z-index: 320;
            border: 1px solid #ddd;
            border-right: 0;
      }
}

.sidebarUser {
      width: 270px;
      font-family: "微软雅黑";
}

.sidebarClose {
      display: block;
      width: 11px;
      height: 11px;
      background-position: -157px 0;
      position: absolute;
      right: 15px;
      top: 12px;
      cursor: pointer;
}

.sidebarUserPho {
      width: 270px;
      padding: 18px 0 16px;
}

.sidebarUserPho {
      .sidUser-pho {
            width: 80px;
            height: 80px;
            position: relative;
            float: left;
            margin-left: 32px;
      }

}

.sidebarUserPho {
      .sidUser-pho {
            span {
                  display: inline-block;
                  width: 80px;
                  height: 80px;
                  background: url(http://misc.jiuxian.com/img/newIndexImg/mask.png) no-repeat center center;
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: 330;
            }
      }
}

.sidebarUserPho {
      .sidUser-pho {
            img {
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: 320;
            }
      }
}

.sidebarUserPho {
      .suLoginNot {
            padding-top: 26px;
      }

}

.sidebarUserPho {
      .sidUser-name {
            padding-left: 12px;
            text-align: left;
            float: left;
      }

}

.sidebarUserPho {
      .sidUser-name {
            p {
                  line-height: 24px;
                  font-size: 12px;
                  color: #666;
            }
      }

}

.sidebarUserPho {
      .suLoginNot {
            a {
                  color: #cc0000;
                  padding-left: 5px;
                  font-size: 12px;
                  color: #666;
            }
      }
}


.sidebarUserOpe {
      background: #f9f9f9;
      border-top: 1px solid #e5e5e5;
      padding-bottom: 5px;
}

.sidebarUserOpe {
      .userOpe.frist {
            border-bottom: 1px dotted #ccc;
      }
}

.sidebarUserOpe {
      .userOpe {
            margin: 0 15px;
      }
}

.sidebarUserOpe {
      .ope-con {
            width: 50%;
            float: left;
            padding: 16px 0 10px;
            position: relative;
            cursor: pointer;

            p {
                  text-align: center;

            }
      }
}

.sidebarUserOpe {
      .ope-con {
            .ope-icon {
                  i {
                        display: inline-block;
                        width: 26px;
                        height: 26px;
                        position: relative;
                  }
            }
      }
}

.sidebarUserOpe {
      .opeOrder {
            .ope-icon {
                  i {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -64px -190px;
                  }
            }
      }
}

.sidebarUserOpe {
      .ope-con {
            .ope-name {
                  font-size: 12px;
                  color: #666;
                  line-height: 18px;
                  padding-top: 10px;
            }
      }
}


.sidebarUserOpe {
      .opeNews {
            .ope-icon {
                  i {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -96px -189px;
                  }
            }
      }
}

.sidebarUserOpe {
      .userOpe {
            margin: 0 15px;
      }
}

.sidebarUserOpe {
      .opeTrack {
            .ope-icon {
                  i {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -158px -185px;
                  }
            }
      }
}

.sidebarUserOpe {
      .opeMember {
            .ope-icon {
                  i {
                        background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -158px -219px;
                  }
            }
      }
}

// 收藏


.rightSidebarCon {
      .rSidebarItem {
            width: 35px;
            position: relative;
      }
}

.rSidebarItem {
      .rsItemName {
            width: 35px;
            padding: 10px 0;
            position: relative;
            z-index: 350;
            cursor: pointer;
            background: none;
      }
}

.rSidebarItem {
      .rsItemName {
            i {
                  display: inline-block;
                  width: 19px;
                  height: 19px;
            }
      }
}

.rSidebarItem {
      .rsItemName {
            .collect-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -40px -163px;
            }
      }
}

// 购物车
.rSidebarItem.cart {
      .rsItemName {
            padding: 10px 0;
      }
}

.rSidebarItem {
      .rsItemName {
            .cart-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -120px -163px;
            }
      }
}

.cart-n {
      width: 14px;
      font-size: 14px;
      margin: 0 10px 0 11px;
      padding: 6px 0 4px;
}

// 客服

#kefusidebar {
      .rsItemName {
            .online-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -45px -331px;
            }
      }

}

// 用户反馈

.rightSidebarBot {
      width: 35px;
      position: absolute;
      bottom: 30px;
      right: 0;
      text-align: center;
  }

  .feedbackBox {
      cursor: pointer;
      width: 88px;
      height: 35px;
      line-height: 35px;
      background: #fff;
      font-family: "微软雅黑";
  }

.rSidebarItem {
      .rsItemName {
            i {
                  display: inline-block;
                  width: 19px;
                  height: 19px;
              }
      }
}
.rightSidebarBot{
      .rSidebarItem {
            width: 35px;
            position: relative;
            margin: 0;
        }
}

.rSidebarItem {
      .rsItemName {
            .feedback-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat 3px -186px;
                  height: 16px;
              }
      }
}
.rSidebarItem {
      .rsItemName {
            .code-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -19px -186px;
                  height: 16px;
              }
      }
}

.rSidebarItem {
      .rsItemName {
            .backTop-i {
                  background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -40px -186px;
                  height: 16px;
              }
      }
      
}






      // ----------------------------------------------------


      // footer


      .footer {
           top: 50px;
            width: 100%;
            background: #f9f9f9;
            min-width: 1200px;
            position: relative;
            bottom: 30px;

            .footerTopBox {
                  width: 100%;
                  background: #333;
            }
      }

      .footerTop {
            width: 1200px;
            margin: 0 auto;
            height: 84px;
            border-bottom: 1px solid #494949;

            .footerContact {
                  float: left;
                  height: 40px;
                  line-height: 40px;
                  padding: 22px 0;

                  i {
                        float: left;
                        width: 40px;
                        height: 40px;
                        margin-right: 18px;
                        background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat -144px -22px;
                  }
            }
      }

      .footerContact {
            b {
                  font-size: 24px;
                  font-weight: bold;
                  color: #c00;
                  margin-right: 25px;
                  float: left;
            }
      }

      .footerContact {
            span {
                  font-size: 14px;
                  color: #fff;
                  margin-right: 8px;
                  float: left;
            }
      }

      .footer-right {
            float: right;
            height: 32px;
            padding: 26px 0;
      }

      .ftRight-tit {
            float: left;
            line-height: 32px;
            color: #fff;
            padding-right: 10px;
      }

      .ftRight-form {
            float: left;
            width: 240px;
            height: 30px;
            border: 1px solid #494949;
            position: relative;
            z-index: 99;
      }

      .ftRight-form {
            input {
                  width: 190px;
                  height: 30px;
                  line-height: 30px;
                  padding: 0 6px;
                  background: 0;
                  border: 0;
                  float: left;
                  color: #fff;
                  outline: 0;
                  vertical-align: middle;
                  outline: none;
            }
      }

      .footerTop {
            .footerTopRight {
                  float: right;
                  height: 32px;
                  padding: 26px 0;
            }
      }

      .footerTopRight {
            .ftRight-form {
                  span {
                        display: inline-block;
                        height: 30px;
                        line-height: 30px;
                        color: #999;
                        position: absolute;
                        left: 6px;
                        top: 0;
                  }
            }
      }

      .footerTopRight {
            .ftRight-form i {

                  width: 22px;
                  height: 18px;
                  background-position: -133px 0;
                  margin: 6px 0 0 10px;
                  cursor: pointer;
                  float: left;
            }
      }

      .footerServices {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            padding: 30px 0 60px;
      }

      .footerServices {
            ul {
                  li {
                        width: 158px;
                        height: 114px;
                        float: left;
                        margin-right: 15px;
                  }
            }
      }

      .footerServices {
            ul {
                  li {
                        h3 {
                              width: 158px;
                              font-weight: normal;
                              height: 26px;
                              line-height: 26px;
                              padding: 5px 0;
                              font-size: 1.17em;
                        }
                  }
            }
      }

      .footerServices {
            ul {
                  li {
                        h3 {
                              i {

                                    width: 26px;
                                    height: 26px;
                                    margin-right: 9px;
                                    float: left;
                                    background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat 0 -131px;
                              }
                        }
                  }
            }
      }

      .footerServices {
            ul {
                  .servicesItme02 {
                        h3 {
                              i {
                                    background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat -30px -131px;
                              }
                        }
                  }
            }
      }

      .footerServices {

            .servicesItme03 {

                  i {
                        background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat -60px -131px;

                  }
            }
      }

      .footerServices {

            .servicesItme04 {

                  i {
                        background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat -90px -131px;

                  }
            }
      }

      .footerServices {

            .servicesItme05 {

                  i {
                        background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat -120px -131px;

                  }
            }
      }

      .footerServices {

            .servicesItme06 {

                  i {
                        background: url("http://misc.jiuxian.com/img/newIndexImg/public-8.png")no-repeat -150px -131px;

                  }
            }
      }



      .footerServices {
            ul {
                  li {
                        h3 {
                              span {

                                    width: 123px;
                                    font-size: 14px;
                                    color: #fff;
                                    float: left;
                                    overflow: hidden;
                                    white-space: nowrap;
                              }
                        }
                  }
            }
      }

      .footerServices {
            ul {
                  li {
                        p {
                              width: 95px;
                              height: 26px;
                              line-height: 26px;
                              padding-left: 35px;
                              overflow: hidden;
                              white-space: nowrap;
                        }
                  }
            }
      }

      .footerServices {
            ul {
                  li {
                        p {
                              a {
                                    color: #ccc;
                                    font-size: 12px;
                              }
                        }
                  }
            }
      }

      .footerServices {
            ul {
                  .jxMicroblogging {
                        margin-right: 0;
                  }
            }
      }

      .jxMicroblogging {
            .item {
                  width: 130px;
                  height: 28px;
                  line-height: 28px;
                  padding: 5px 0 13px;
                  position: relative;

                  a {
                        color: #fff;
                        float: left;

                        .publicIcon {
                              font-style: normal;
                              background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -140px -74px;
                        }
                  }
            }

      }

      .jxMicroblogging .weixin i {
            background: url(http://misc.jiuxian.com/img/newIndexImg/public-24.png) no-repeat -103px -74px;
      }

      .jxMicroblogging {
            .item {
                  i {
                        width: 28px;
                        height: 28px;
                        margin-right: 9px;
                        float: left;
                        cursor: pointer;
                  }
            }
      }

      .jxMicroblogging {
            .weixin {
                  .weixinCode {
                        width: 84px;
                        height: 84px;
                        position: absolute;
                        left: 37px;
                        top: 35px;
                        display: none;

                        img {
                              border: 0;
                        }
                  }
            }
      }

      .footerBotBox {
            width: 100%;
      }

      .footerBot {
            width: 1200px;
            margin: 0 auto;
            padding: 20px 0 40px;
      }

      .footerBotLeft {
            float: left;
            width: 760px;
            overflow: hidden;
      }

      .footerBotLeft {
            .footerInfo {
                  height: 16px;
                  padding: 4px 0;
                  overflow: hidden;
                  position: relative;
                  left: -8px;
                  margin-left: 0;
            }
      }

      .footerBotLeft {
            .footerInfo {
                  a {
                        display: inline-table;
                        height: 16px;
                        line-height: 16px;
                        padding: 0 8px;
                        overflow: hidden;
                        position: relative;
                        color: #666666;
                        font-size: 12px;
                  }
            }
      }

      .footerBotLeft {
            p {
                  line-height: 20px;
                  text-align: left;
                  line-height: 22px;

            }
      }

      .footerBotLeft .copyright {
            color: #666;
            font-size: 12px;

            a {
                  color: #666666;
            }
      }

      .footerBotLeft {
            p {
                  .span {
                        float: left;
                        padding-right: 6px;
                        position: relative;
                        width: 128px;
                        height: 47px;

                  }

            }
      }


      .footerBotLeft {
            .friendLink {
                  padding: 17px 0 3px 0;
                  color: #999;
                  height: 20px;
                  width: 740px;
                  _overflow: hidden;
            }
      }

      .footerBotLeft {

            p {
                  color: #999;
                  font-size: 12px;

            }


      }

      .footerBotLeft {
            .friendLink {
                  img {
                        border: 0;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 128px;
                        height: 47px;


                  }
            }
      }

      .footerBotCode {
            width: 240px;
            float: left;
            text-align: center;
            padding-top: 20px;

      }

      .footerBotCode {
            div {
                  float: left;
                  width: 80px;
                  margin-left: 40px;
            }
      }

      .footerBotCode {
            div {
                  .codePic {
                        width: 80px;
                        height: 80px;
                  }
            }
      }

      .footerBotCode {
            div {
                  img {
                        width: 80px;
                        height: 80px;
                        border: 0;
                  }
            }
      }

      .footerBotCode {
            div {
                  .codeText {
                        width: 80px;
                        height: 24px;
                        line-height: 24px;
                        overflow: hidden;
                        white-space: nowrap;
                        padding-top: 5px;
                        font-size: 12px;
                        color: #666666;
                  }
            }
      }

      .footerBotCode {
            div {
                  float: left;
                  width: 80px;

                  margin-left: 40px;
            }
      }